//
import { useEffect, useState } from "react";


function App() {
  const [ count,setCount ] = useState(0)

  //1.没有依赖项 初始 + 组件更新
  // useEffect(()=>{
  //   console.log("副作用函数执行了");
  // })

  //2.传入空数组依赖 初始执行一次
  // useEffect(()=>{
  //   console.log("副作用函数执行了");
  // },[])

  //3.传入特定依赖项 初始 + 依赖项 变化时执行
  useEffect(()=>{
    console.log("副作用函数执行了");
  },[count])

  return (
    <div className="App">
      this is a app,{ count }
      <button onClick={() => setCount(count + 1)}>++++</button>
    </div>
  );
}

export default App;
